﻿<%@ Page Title="" Language="C#" MasterPageFile="~/masterpage_user.master" AutoEventWireup="true" CodeFile="quangcao.aspx.cs" Inherits="quangcao" %>

<asp:Content ID="Content1" ContentPlaceHolderID="user_content" Runat="Server">
    <link href="Styles/quangcao.css" rel="Stylesheet" type="text/css" />
    <div id="quangcao">
        <div style="color:Blue; font-size:30px;">QUẢNG CÁO SẢN PHẨM</div>
        <div>Quảng cáo sản phẩm trên các danh mục website của chúng tôi chỉ từ 30.000đ/ ngày.
Hãy ấn vào nút bên phải để tạo quảng cáo mới và gia tăng hiệu quả bán hàng của bạn.<br />
        <input class="btn_dkqc" type="button" value="Tạo Quảng Cáo Mới" runat="server" /><br /></div>
        <hr />
        <div id="title" style="text-align:left">
                    Tình trạng  
            <asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="false"
                        onselectedindexchanged="DropDownList1_SelectedIndexChanged">
            </asp:DropDownList>
            </div>

            <div id="content">
                <asp:GridView ID="GridView1" runat="server" CellPadding="4" ForeColor="#333333" 
                    GridLines="None" Width="800px">
                    <AlternatingRowStyle BackColor="White" />
                    <EditRowStyle BackColor="#7C6F57" />
                    <FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
                    <HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
                    <PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center" />
                    <RowStyle BackColor="#E3EAEB" />
                    <SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" />
                    <SortedAscendingCellStyle BackColor="#F8FAFA" />
                    <SortedAscendingHeaderStyle BackColor="#246B61" />
                    <SortedDescendingCellStyle BackColor="#D4DFE1" />
                    <SortedDescendingHeaderStyle BackColor="#15524A" />
                </asp:GridView>
            </div>
        </div>

        <!-- bang dang ky quang cao -->
        <div id="dk_quangcao" >
        <div id="qc_1" style="float:left">
            <a class="modalCloseImg1"></a>
            <div>   ĐĂNG TIN QUẢNG CÁO </div><hr />
            <div>
            link sản phẩm quảng cáo :<br />
                    <asp:TextBox ID="linksp" class="linksp_class" runat="server"></asp:TextBox>
                    <input id="btnLink" type="button" value="Chọn" />
                </div><br />

                <div>
                     Thông Điệp[?] <br />
                     <asp:TextBox ID="thongdiep" class="thongdiep" runat="server"></asp:TextBox>
                     <br /> 
                </div><br />

                <div>
                        Thời Gian <br />
                        Ngày Bắt Đầu 
                        <asp:TextBox ID="ngaybatdau" class="ngaybatdau" runat="server"></asp:TextBox>
                        <ajaxToolkit:CalendarExtender ID="ngaybatdau_CalendarExtender" runat="server" 
                            Enabled="True" TargetControlID="ngaybatdau">
                        </ajaxToolkit:CalendarExtender>
                        <br />Đến Ngày &nbsp; <asp:TextBox ID="denngay" class="denngay" runat="server"></asp:TextBox>
                        <ajaxToolkit:CalendarExtender ID="denngay_CalendarExtender" runat="server" 
                            Enabled="True" TargetControlID="denngay">
                        </ajaxToolkit:CalendarExtender>
                </div><br />

                <div>
                        Đặt quảng cáo<br />
                        <input id="trangchu" class="trangchu" name="loaiqc" value="1" type="radio" runat="server" />Quảng Cáo Trên Trang Chủ  : <a style='color:Red'>1200000</a><br />
                        <input id="danhmuc" class="danhmuc" name="loaiqc" value="2" type="radio" runat="server" />Quảng Cáo Trên Trang Cá Nhân : <a style='color:Red'>900000</a><br />
                </div>

                <div>Chi phí : <label id="chiphi" class="chiphi" style="color:Red"></label></div><br />
             
                 <div>
                        <asp:Button ID="submit" runat="server" Text="Tạo Quảng Cáo" 
                            onclick="submit_Click" />
                </div>
             </div>
            <div id="qc_2" style="padding-right:10px;padding-top:50px; float:right;">
                <div id="img_qc" style="width:200px;height:200px;border:1px; background-color:Black; overflow:auto;"></div>
                <input id="chiphi1" style="display:none" type="text" />
            </div>
        </div>

    <script src="javascripts/jquery.js" type="text/javascript"></script>
	<script type='text/javascript' src='Scripts/jquery.js'></script>
	<script type='text/javascript' src='Scripts/jquery.simplemodal.js'></script>
	<script type='text/javascript' src='Scripts/basic.js'></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $(".btn_dkqc").click(function () {
                $("#dk_quangcao").toggle();
                $("#darkest").toggle();
            });
            $(".modalCloseImg1").click(function () {
                $("#darkest").toggle();
                $("#dk_quangcao").toggle();
                return false;
            });
            $("#btnLink").click(function () {
                var _link = $(".linksp_class").val();
                _link = _link + " #sanpham_anh";
                $("#img_qc").load(_link);
                $(".thongdiep").val("Chào mừng đến với cửa hàng của chúng tôi");
            });

            $(".trangchu").click(function () {
                songay();
                //alert($("#chiphi1").val() * 100000);
                $("#chiphi").text($("#chiphi1").val() * 1200000);
            });
            $(".danhmuc").click(function () {
                songay();
                //alert($("#chiphi1").val() * 100000);
                $("#chiphi").text($("#chiphi1").val() * 900000);
            });
            function songay() {
                //alert("goi so ngay");
                var _ngaybd = new Date($(".ngaybatdau").val());
                var _ngaykt = new Date($(".denngay").val());

                $("#chiphi1").attr("value", (_ngaykt.getDate() - _ngaybd.getDate()) + 1);
                //$("#chiphi1").text = (_ngaykt.getDate() - _ngaybd.getDate()) + 1;
            }

        });
    </script>
</asp:Content>

